import React, { Component } from "react";

import { PickerView } from "antd-mobile";

import FilterFooter from "../../../../components/FilterFooter";

export default class FilterPicker extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: this.props.defaultValue
    };
  }

  handleChange = value => {
    this.setState({
      value
    })
  };

  render() {
    // console.log(this.state.value);
    const { onClose, data, cols, onSave } = this.props;
    const { value } = this.state;
    return (
      <>
        {/* 选择器组件： */}
        <PickerView
          data={data}
          value={value}
          cols={cols}
          onChange={this.handleChange}
        />

        {/* 底部按钮 */}
        <FilterFooter onCancel={onClose} onOk={()=>onSave(value)}/>
      </>
    );
  }
}
